<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>胡凌峰-叮咚买菜</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 页头 -->
    <header>
        <div class="header">
            <!-- logo -->
            <div class="logo">
                <a href="#"></a>
            </div>
            <!-- 导航 -->
            <nav>
                <a href="#">
                    首页
                </a>
                <a href="#">
                    关于我们
                    <span class="jiantou"></span>
                    <ul class="nav">
                        <li>
                            <i>公司简介</i>
                        </li>
                        <li>
                            <i>发展大事记</i>
                        </li>
                        <li>
                            <i>公司环境</i>
                        </li>
                        <li>
                            <i>用户评价</i>
                        </li>
                        <li>
                            <i>公司位置</i>
                        </li>
                    </ul>
                </a>
                <a href="#">
                    商务合作
                    <span class="jiantou"></span>
                    <ul class="nav">
                        <li>
                            <i>生鲜标品供应商申请</i>
                        </li>
                        <li>
                            <i>预制菜供应商申请</i>
                        </li>
                        <li>
                            <i>卡券采购</i>
                        </li>
                        <li>
                            <i>仓库租赁</i>
                        </li>
                        <li>
                            <i>厂房租赁</i>
                        </li>
                    </ul>
                </a>
                <a href="#">
                    新闻中心
                    <span class="jiantou"></span>
                    <ul class="nav">
                        <li>
                            <i>热门新闻</i>
                        </li>
                        <li>
                            <i>内部新闻</i>
                        </li>
                        <li>
                            <i>社会荣誉</i>
                        </li>
                    </ul>
                </a>
                <a href="#">
                    投资者关系
                </a>
                <a href="#">
                    加入我们
                    <span class="jiantou"></span>
                    <ul class="nav">
                        <li>
                            <i>社会招聘</i>
                        </li>
                        <li>
                            <i>校园招聘</i>
                        </li>
                        <li>
                            <i>基层招聘</i>
                        </li>
                    </ul>
                </a>
            </nav>
        </div>
    </header>
    <!-- 视频 -->
    <div class="video">
        <video src="https://vod.ddimg.mobi/f4cacab4vodsh1253127976/483b8db45285890818684723290/vjqajakH60sA.mp4" autoplay muted loop></video>
        <div class="video-txt">
            <div>
                <p>
                    致力于食品健康、美味与创新
                </p>
                <p>
                    让人们吃得好，让生活更美好
                </p>
                <p>
                    <a href="#" class="open">
                        <img src="./images/pic_001.png" alt="">
                    </a>
                </p>
            </div>
        </div>
    </div>
    <section class="mask">
    </section>
    <!-- 三大确定性 -->
    <div class="threeBig">
        <div class="threeBig-title">
            三大确定性 保证服务体验
        </div>
        <!-- 左右按钮 -->
        <img src="./images/pic_016.png" alt="" class="left">
        <img src="./images/pic_017.png" alt="" class="right">
        <!-- 轮播图 -->
        <div class="slideshow">
            <ul class="sildeshow-main">
                <li>
                    <div class="sildeshow-top">
                        <img src="./images/pic_004.png" alt="">
                    </div>
                    <div class="sildeshow-bottom">
                        <img src="./images/pic_005.png" alt="">
                        <img src="./images/pic_006.png" alt="">
                        <img src="./images/pic_007.png" alt="">
                    </div>
                </li>
                <li>
                    <div class="sildeshow-top">
                        <img src="./images/pic_008.png" alt="">
                    </div>
                    <div class="sildeshow-bottom">
                        <img src="./images/pic_009.png" alt="">
                        <img src="./images/pic_010.png" alt="">
                        <img src="./images/pic_011.png" alt="">
                    </div>
                </li>
                <li>
                    <div class="sildeshow-top">
                        <img src="./images/pic_012.png" alt="">
                    </div>
                    <div class="sildeshow-bottom">
                        <img src="./images/pic_013.png" alt="">
                        <img src="./images/pic_014.png" alt="">
                        <img src="./images/pic_015.png" alt="">
                    </div>
                </li>
                <li>
                    <div class="sildeshow-top">
                        <img src="./images/pic_004.png" alt="">
                    </div>
                    <div class="sildeshow-bottom">
                        <img src="./images/pic_005.png" alt="">
                        <img src="./images/pic_006.png" alt="">
                        <img src="./images/pic_007.png" alt="">
                    </div>
                </li>
            </ul>
            <!-- 焦点 -->
            <ul class="doc">
                <li class="item on"></li>
                <li class="item"></li>
                <li class="item"></li>
            </ul>
        </div>
    </div>
    <!-- 叮咚服务 -->
    <div class="serve">
        <img src="./images/pic_019.png" alt="" class="serve-bgi1">
        <img src="./images/pic_018.png" alt="" class="serve-bgi2">
        <canvas class="can">
        </canvas>
        <canvas class="can-btm">
        </canvas>
        <div class="serve-main">
            <div class="serve-wrap">
                <div class="serve-left">
                    <div class="serve-title">
                        叮咚服务
                    </div>
                    <div class="tips">
                        致力于食品健康、美味与创新，让人们吃得好，让生活更美好
                    </div>
                    <ul class="serve-list">
                        <li>
                            <div class="looks">
                                <img src="./images/pic_093.png" alt="">
                                <p>
                                    家门口的云冰箱
                                </p>
                            </div>
                            <p class="unlook">
                                蔬菜、水果、鱼虾、牛奶、鲜花等2000多款优质商品，手机下单新鲜到家
                            </p>
                        </li>
                        <li>
                            <div class="looks">
                                <img src="./images/pic_024.png" alt="">
                                <p>
                                    知时而食推荐官
                                </p>
                            </div>
                            <p class="unlook">
                                知食官带你跟着时令吃，会吃也好吃
                            </p>
                        </li>
                        <li>
                            <div class="looks">
                                <img src="./images/pic_025.png" alt="">
                                <p>
                                    美食烹饪小课堂
                                </p>
                            </div>
                            <p class="unlook">
                                上万道美食菜谱，激发你的做饭灵感，零基础也能做大餐
                            </p>
                        </li>
                        <li>
                            <div class="looks">
                                <img src="./images/pic_026.png" alt="">
                                <p>
                                    专享绿卡会员
                                </p>
                            </div>
                            <p class="unlook">
                                会员专享8大权益，免费菜天天领，绿卡日优惠多，多买多划算
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="serve-right">
                    <div class="img-wrap">
                        <img src="./images/pic_100.png" alt="">
                    </div>
                </div>
            </div>
            <img src="./images/pic_027.png" alt="" class="erweima">
            <img src="./images/pic_032.png" alt="" class="baicai dong">
            <img src="./images/pic_034.png" alt="" class="mogu dong">
            <img src="./images/pic_035.png" alt="" class="suan dong">
            <img src="./images/pic_036.png" alt="" class="huacai dong">
            <img src="./images/pic_033.png" alt="" class="lanmei dong">
            <img src="./images/pic_028.png" alt="" class="lizhi dong">
            <img src="./images/pic_038.png" alt="" class="rou dong">
        </div>
        <img src="./images/pic_037.png" alt="" class="lvlv">
    </div>
    <!-- 新闻中心 -->
    <div class="news">
        <div class="news-wrap">
            <div class="news-title">
                新闻中心
            </div>
            <div class="news-con">
                <a href="#" class="news-a">
                    <span>从源头管到餐桌，订单农业降低蔬菜农残风险</span>
                    <span>新民晚报<em>2022-11-18</em></span>
                </a>
                <a href="#" class="news-a">
                    <span>进博会助力叮咚买菜打造全球直采供应链新西兰鹿肉直供国民餐桌”</span>
                    <span>消费日报<em>2022-11-08</em></span>
                </a>
                <a href="#" class="news-a">
                    <span>叮咚买菜火锅料理师：食品工业催热火锅到家业务，宅家火锅也美味</span>
                    <span>每日商报<em>2022-11-04</em></span>
                </a>
                <a href="#" class="news-a">
                    <span>荒山改造迎丰收，叮咚买菜科学种植口感烟薯助农增收</span>
                    <span>南方都市报<em>2022-10-13</em></span>
                </a>
                <a href="#" class="news-a">
                    <span>线上线下跨界联动 叮咚买菜助力餐企将火锅大餐搬回家</span>
                    <span>中国商报<em>2022-09-20</em></span>
                </a>
            </div>
            <div class="news-btm">
                <a href="#">
                    查看更多
                </a>
            </div>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="partner">
        <div class="partner-title">
            合作伙伴
        </div>
        <div class="partner-con">
            <div class="partner-mask1">
            </div>
            <div class="partner-mask2">
            </div>
            <div class="partner-main">
                <ul class="partner-list">
                    <li>
                        <img src="./images/pic_039.png" alt="">
                        <img src="./images/pic_040.png" alt="">
                        <img src="./images/pic_041.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_042.png" alt="">
                        <img src="./images/pic_043.png" alt="">
                        <img src="./images/pic_044.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_045.png" alt="">
                        <img src="./images/pic_046.png" alt="">
                        <img src="./images/pic_047.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_048.png" alt="">
                        <img src="./images/pic_049.png" alt="">
                        <img src="./images/pic_050.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_051.png" alt="">
                        <img src="./images/pic_052.png" alt="">
                        <img src="./images/pic_053.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_054.png" alt="">
                        <img src="./images/pic_055.png" alt="">
                        <img src="./images/pic_056.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_057.png" alt="">
                        <img src="./images/pic_058.png" alt="">
                        <img src="./images/pic_059.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_060.png" alt="">
                        <img src="./images/pic_061.png" alt="">
                        <img src="./images/pic_062.png" alt="">
                    </li>
                </ul>
                <ul class="partner-list">
                    <li>
                        <img src="./images/pic_039.png" alt="">
                        <img src="./images/pic_040.png" alt="">
                        <img src="./images/pic_041.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_042.png" alt="">
                        <img src="./images/pic_043.png" alt="">
                        <img src="./images/pic_044.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_045.png" alt="">
                        <img src="./images/pic_046.png" alt="">
                        <img src="./images/pic_047.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_048.png" alt="">
                        <img src="./images/pic_049.png" alt="">
                        <img src="./images/pic_050.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_051.png" alt="">
                        <img src="./images/pic_052.png" alt="">
                        <img src="./images/pic_053.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_054.png" alt="">
                        <img src="./images/pic_055.png" alt="">
                        <img src="./images/pic_056.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_057.png" alt="">
                        <img src="./images/pic_058.png" alt="">
                        <img src="./images/pic_059.png" alt="">
                    </li>
                    <li>
                        <img src="./images/pic_060.png" alt="">
                        <img src="./images/pic_061.png" alt="">
                        <img src="./images/pic_062.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 供应商申请 -->
    <div class="supplier">
        <img src="./images/pic_063.png" alt="" class="lt">
        <img src="./images/rightShodo.558c2aa3.png" alt="" class="rb">
        <div class="supplier-title">
            生鲜标品供应商申请
        </div>
        <div class="supplier-con">
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_064.png" alt="">
                </div>
                <div class="common-btm">
                    非个体工商户，具有营业执照、开户许可证等经营证照
                </div>
            </div>
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_065.png" alt="">
                </div>
                <div class="common-btm">
                    企业注册资本不低于人民币30万元
                </div>
            </div>
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_066.png" alt="">
                </div>
                <div class="common-btm">
                    具备经营商品所需的各类许可证明
                </div>
            </div>
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_067.png" alt="">
                </div>
                <div class="common-btm">
                    具备完善稳定的供货能力
                </div>
            </div>
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_068.png" alt="">
                </div>
                <div class="common-btm">
                    具有食品安全追溯体系，保证商品可溯源
                </div>
            </div>
            <div class="supplier-common">
                <div class="common-top">
                    <img src="./images/pic_069.png" alt="">
                </div>
                <div class="common-btm">
                    其他已具备的资质认证及其他证明
                </div>
            </div>
        </div>
        <div class="news-btm">
            <a href="#">
                立即入驻
            </a>
        </div>
    </div>
    <!-- 页尾 -->
    <footer>
        <div class="footer">
            <div href="#" class="footer-logo">
                <a href="#">
                    <img src="./images/pic_071.png" alt="">
                </a>
            </div>
            <div class="footer-con">
                <ul>
                    <li>客服热线</li>
                    <li>10103365</li>
                    <li>客服服务时间</li>
                    <li>7:00-22:00</li>
                </ul>
                <ul>
                    <li>
                        关于我们
                    </li>
                    <li>
                        <a href="#">公司简介</a>
                    </li>
                    <li>
                        <a href="#">办公环境</a>
                    </li>
                    <li>
                        <a href="#">发展大事记</a>
                    </li>
                    <li>
                        <a href="#">用户评价</a>
                    </li>
                    <li>
                        <a href="#">公司位置</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        商务合作
                    </li>
                    <li>
                        <a href="#">生鲜标品供应商申请</a>
                    </li>
                    <li>
                        <a href="#">预制菜供应商申请</a>
                    </li>
                    <li>
                        <a href="#">物流供应商合作
                            <span>
                                <i></i>
                                <img src="./images/pic_077.png" alt="">
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="">卡券合作</a>
                    </li>
                    <li>
                        <a href="">仓库资源</a>
                    </li>
                    <li>
                        <a href="">厂房租赁</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        官方公告
                    </li>
                    <li>
                        <a href="#">诚信计量承诺书</a>
                    </li>
                    <li>
                        <a href="#">虚假加盟信息声明</a>
                    </li>
                    <li>
                        <a href="#">维权联系方式</a>
                    </li>
                    <li>
                        <a href="#">廉政举报</a>
                    </li>
                </ul>
            </div>
            <div class="footer-code">
                <div class="code">
                    <p>公众号二维码</p>
                    <img src="./images/pic_072.png" alt="">
                </div>
                <div class="code">
                    <p>APP产品下载</p>
                    <img src="./images/pic_073.png" alt="">
                </div>
            </div>
        </div>
        <div class="down">
            <div class="down-wrap">
                <p>©2021 上海壹佰米网络科技有限公司 版权所有</p>
                <p>
                    <a href="#"><img src="./images/pic_074.png" alt=""> 沪公网安备 31011502004838号 </a>|
                    <a href="#"><img src="./images/pic_075.png" alt=""> 沪ICP备14046000号 </a>|
                    <a href="#"><img src="./images/pic_076.png" alt=""> 上海市互联网违法和不良信息举报电话：021-68585011-3 </a>
                </p>
                <p>互联网药品信息服务资格证书编号：（沪）-非经营性-2021-0013</p>
            </div>
        </div>
    </footer>
    <script src="./js/index.js"></script>
</body>

</html>